<template>

  <el-container>

    <el-header>
      <child></child>
    </el-header>
    <el-main>
     <editor></editor>
      <iframe src="index.vue"/>
      <pagination total="1"/>
      <Screenfull></Screenfull>
      <HeaderSearch></HeaderSearch>
      <IconSelect></IconSelect>
      <ParentView></ParentView>
      <Crontab></Crontab>
      <DictTag></DictTag>
      <RightToolbar></RightToolbar>
      <Hamburger></Hamburger>
      <RightPanel></RightPanel>
      <SizeSelect></SizeSelect>
    </el-main>
  </el-container>

</template>

<script>
import countTo from 'vue-count-to';
import child from '@/components/Breadcrumb/index'
import editor from '@/components/Editor'
import iframe from '@/components/iFrame'
import Pagination from '@/components/Pagination'
import Screenfull from '@/components/Screenfull'
import HeaderSearch from '@/components/HeaderSearch'
import IconSelect from '@/components/IconSelect'
import Crontab from '@/components/Crontab'
import DictTag from '@/components/DictTag'
import Hamburger from '@/components/Hamburger'
import RightToolbar from '@/components/RightToolbar'
import RightPanel from '@/components/RightPanel'
import SizeSelect from '@/components/SizeSelect'
export default {
  components: { countTo ,child , editor,iframe
    ,Pagination,Screenfull,HeaderSearch,
    IconSelect,Crontab,DictTag,RightToolbar,Hamburger,RightPanel,SizeSelect},

  data () {
    return {
      startVal: 0,
      endVal: 2020
    }
  }
}
</script>
